<template>
  <!-- otc 交易主文件 -->
  <div class="view-page">
    <module-header></module-header>
    <div class="otc-page">
      <div class="left">
        <Side></Side>
      </div>
      <div class="main">
        <Main></Main>
      </div>
    </div>

    <module-footer></module-footer>
  </div>
</template>
<script>
import ModuleHeader from "../page-module-public/public-header.vue";
import ModuleFooter from "../page-module-public/public-footer.vue";
import Side from "./module/left";
import Main from "./module/main";
export default {
  data() {
    return {};
  },
  components: {
    ModuleHeader,
    ModuleFooter,
    Side,
    Main
  },
  methods: {},

  computed: {},

  created() {},

  mounted() {}
};
</script>
<style scoped lang="less">
.view-page {
  width: 100%;
  min-width: 1280px;
  min-height: 100vh;
  .otc-page {
    display: flex;
    margin: 0 auto;
    width: 1180px;
    min-height: calc(100vh - 517px);
    padding-top: 25px;
    .left {
      flex: 0 1 200px;
      margin-right: 40px;
    }
    .main {
      flex: 1;
     
    }
  }
}
</style>
